<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>用户赛事申请页面</title>
<style>
table{margin:auto}

.button1{
	display:inline-block;padding:15px 25px;font-size:15px;cursor:pointer;text-align:center;text-decoration:none;
	outline:none;color:#4CAF50;background-color:#DDA0DD;border:none;border-radius:10px;box-shadow:0 6px #999;
}
.button1:hover{
background-color:#3e8e41;
}
.button1:active{
background-color:#3e8e41;box-shadow:0 4px #666;transform:translateY(3px);
}

p{
	font-family:"Arial";
	color:#FFFF33;
}

.remarks{width:300px;
		height:50px}

.box2 {
	width: 75em;
	height: 70em;
	background: tan;
	padding: 1em;
	box-shadow: 0 0 0 .6em #655;
	outline: .6em solid #655;
	display:inline-block;

}

.box3 {
    bottom:5px;
	width: 90em;
	height: 4em;
	background: tan;
	padding: 1em;
	box-shadow: 0 0 0 .6em #655;
	outline: .6em solid #655;
	float: left;
	position:absolute;
	
}

.box4 {
	width: 90em;
	height: 4em;
	background: tan;
	padding: 1em;
	box-shadow: 0 0 0 .6em #655;
	outline: .6em solid #655;
	float: left;

}


.box6 {
	width: 90em;
	height: 80em;
	float: left;
	background: #655;
	background-image: radial-gradient(tan 30%, transparent 0),
	radial-gradient(tan 30%, transparent 0);
	background-size: 30px 30px;
	background-position: 0 0, 15px 15px;
	text-align:center;	
}

</style>
</head>

<body>
<div class="box6">
<div class="box4">
<p><a th:href="@{/DcGetCompetition}">软件学院赛事系统</a>
</div>
<form action="DcGetCompetition" method="get">
<div class="box2">
<table>
<thead>
<tr>
<td style="width:8%"><p>序号</p></td>
<td style="width:15%"><p>举办方名称</p></td>
<td style="width:15%"><p>赛事名称</p></td>
<td style="width:12%"><p>赛事类型</p></td>
<td style="width:20%"><p>赛事时间</p></td>
<td style="width:20%"><p>赛事备注</p></td>
</tr>
</thead>
<tbody>
<tr th:each="competition: ${competitions}">
<td th:text="${competitionStat.index+1}"></td>
<td th:text="${competition.OrganizersName}"></td>
<td th:text="${competition.CompetitionName}"></td>
<td th:text="${competition.CompetitionType}"></td>
<td>2021-6-28</td>
<td th:text="${competition.CompetitionRemarks}"></td>
</tbody>
</table>
</div>
</form>


<div class="box3">
<table>
<tr>
<td><button class="button1" onclick="window.open('http://localhost:8080/CompDcNew.html')"><p>赛事创建</p></button></td>
<td><button class="button1" onclick="window.open('http://localhost:8080/CompDcDelete.html')"><p>赛事取消</p></button></td>
<td><button class="button1" onclick="window.open('http://localhost:8080/CompDcQuery.html')"><p>赛事查询</p></button></td>
</tr>
</table>
</div>
</div>
</body>
